<template name="cloudRegisterManually">
	{{> header sectionName="Cloud_Register_manually" hideHelp=true fullpage=true}}
	{{# if copyStep }}
		<form class="preferences-page__content">
			<p class="rc-modal__description">{{_ "Cloud_register_offline_helper" }}</p>
			<div class="rc-promtp">
				<textarea  class="rc-promtp--element" disabled>{{clientKey}}</textarea>
				<button class="rc-button rc-button--primary js-copy"  data-clipboard-text="{{clientKey}}">
					{{>icon icon='copy'}} {{_ "Copy"}}
				</button>
			</div>
			<p class="rc-modal__description js-cloud">{{#if cloudLink}} {{{cloudLink}}} {{else}} <a href="https://cloud.rocket.chat" rel="noopener noreferrer" class="cloud-console-btn" target="_blank"></a>{{/if}}</p>
		</form>

		<footer class="rc-modal__footer rc-modal__footer--empty">
			<button class="rc-button rc-button--primary js-next">{{_ "Next"}}</button>
		</footer>

	{{else}}

		<form class="preferences-page__content">
			<p class="rc-modal__description">{{_ "Cloud_register_offline_finish_helper"}}</p>
			<div class="rc-promtp">
				<textarea class="js-cloud-key rc-promtp--element" placeholder="{{_ "Paste_here"}}" disabled={{isLoading}}></textarea>
			</div>
		</form>

		<footer class="rc-modal__footer rc-modal__footer--empty">
			<button class="rc-button rc-button--secondary js-back">{{_ "Back"}}</button>
			<button class="rc-button rc-button--primary js-finish" disabled='{{disabled}}'>
				{{#if isLoading}} {{> loading}} {{/if}}
				<span style="{{#if isLoading}} visibility:hidden {{/if}}">{{_ "Finish Registration"}}</span>
			</button>
		</footer>
	{{/if}}
</template>
